<template>
  <div>
    <van-tabs v-model="active" color="#ff93a6">
      <van-tab
        :title="item.name"
        v-for="item in tag"
        :key="item.id"
        :name="item.id"
      >
        <cartoon-lists :recommends="active"></cartoon-lists>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import cartoonLists from "@/components/CartoonLists.vue";

export default {
  name: "TitleTab",
  components: {
    cartoonLists,
  },
  props: ["tag"],
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style lang='scss' >
</style>